<template>
  <div class="base-table-box">
    <div class="table-select-group">
      <div class="left">
        <s-select
          :selectOption="year"
          v-model="params.strYear"
          style="width: 100px"
        />
        <s-select
          :selectOption="reactionOption"
          v-model="params.strPubType"
          style="width: 100px"
        />
      </div>
      <div class="right">
        <a-button type="primary">打印</a-button>
      </div>
    </div>
    <div class="table-content">
      <h3>2021年社情民意报送统计表</h3>
      <a-table
        :columns="columns"
        :data-source="tableData"
        :loading="loading"
        :pagination="false"
        rowKey="id"
      >
      </a-table>
    </div>
  </div>
</template>
<script>
import deleteItem from 'mixins/delete-table-item.js'
import { socialPublic } from 'assets/js/select-option-list'
const columns = [
  {
    title: '用户',
    dataIndex: 'user'
  },
  {
    title: '来稿件数',
    dataIndex: 'num1'
  },
  {
    title: '用稿件数',
    dataIndex: 'num2'
  }
]

export default {
  data() {
    return {
      selectedRowKeys: [],
      topicTypeVal: '',
      loading: false,
      columns,
      socialPublic,
      tableData: [
        {
          user: '王晓光',
          num1: 1,
          num2: 3,
          id: '1'
        },
        {
          user: '王晓光',
          num1: 1,
          num2: 3,
          id: '2'
        }
      ],
      params: {
        strYear: '2021',
        strPubType: '',
        strPubNode: '',
        search: '',
        reaction: ''
      },
      year: [
        { key: '2021', label: '2021' },
        { key: '2020', label: '2020' }
      ],
      reactionOption: [
        { key: '', label: '全部' },
        { key: '1', label: '政协委员' },
        { key: '2', label: '团体' },
        { key: '0', label: '党派' },
        { key: '3', label: '专委会' },
        { key: '4', label: '届别' }
      ],
      labelCol: { span: 6 },
      wrapperCol: { span: 18 }
    }
  },
  mixins: [deleteItem],
  methods: {}
}
</script>
<style lang="less" scoped>
.table-content {
  h3 {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    margin-bottom: 15px;
  }
}
/deep/ .ant-table-content {
  border-bottom: none !important;
}
</style>